/*index下的组件通用样式*/
section.in-index{
  // padding: 30px 20px;
  .title{
    font-size: 28px;
    color: #222;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 5px;
    span{
      border-bottom: 2px solid #cc0000;
      padding-right: 40px;
      padding-bottom: 5px;
    }
  }
  &>label{
    position: relative;
    margin: 10px 0;
    a{
      display: block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      position: absolute;
      right: 0;
      top: 0;
      text-align: center;
      i{
        font-size: 18px;
      }
    }
    input{
      height: 30px;
      border: 1px solid #ccc;
      padding-left: 10px;
      width: 220px;
      outline: none;
      text-shadow: none;
      letter-spacing: normal;
      word-spacing: normal;
    }
  }
  &>.add{
    line-height: 30px;
    margin: 10px 0;
    border: 1px solid #cc0000;
    border-radius: 3px;
    width: 60px;
    height: 30px;
    text-align: center;
    color: #cc0000;
    font-size: 16px;
  }
  .table-list{
    width: 100%;
    text-align: center;
    thead{
      height: 40px;
      line-height: 40px;
      background: #f4f4f4;
      font-size: 14px;
    }
    tbody{
      td{
        &:first-of-type{
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: row;
          .table-list-title{
            font-size: 20px;
            margin-bottom: 30px;
          }
          .table-list-info{
            p{
              font-size: 14px;
              color: #999;
            }
          }
          .table-list-img{
            width: 135px;
            height: 135px;
            margin: 15px;
          }
          .table-list-box{
            text-align: left;
          }
        }
      }
    }
  }
}

